
/*retain 1px border start*/

.retainbt,
.retainbb,
.retainbl,
.retainbr,
.retainb {
  position: relative;
  position: relative !important
}

.retainbt:before,
.retainbb:after {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 1PX;
  background: #ebebeb;
  left: 0;
  right: 0
}

.retainbt:before {
  top: 0
}

.retainbb:after {
  bottom: 0
}

.retainbl:before,
.retainbr:after {
  pointer-events: none;
  position: absolute;
  content: "";
  width: 1PX;
  background: #ebebeb;
  top: 0;
  bottom: 0
}

.retainbl:before {
  left: 0
}

.retainbr:after {
  right: 0
}

.retainb:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1PX solid #ebebeb;
  pointer-events: none
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5),
(min-resolution: 144dpi),
(min-resolution:1.5dppx) {

  .retainbt:before,
  .retainbb:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }

  .retainbl:before,
  .retainbr:after {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }

  .retainb:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  .retainbt:before,
  .retainbl:before,
  .retainb:after {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }

  .retainbb:after,
  .retainbr:after {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
  }
}

@media (-webkit-device-pixel-ratio:1.5) {

  .retainbt:before,
  .retainbb:after {
    -webkit-transform: scaleY(.6666);
    transform: scaleY(.6666)
  }

  .retainbl:before,
  .retainbr:after {
    -webkit-transform: scaleX(.6666);
    transform: scaleX(.6666)
  }

  .retainb:after {
    width: 150%;
    height: 150%;
    -webkit-transform: scale(.6666);
    transform: scale(.6666)
  }
}

@media (-webkit-device-pixel-ratio:3) {

  .retainbt:before,
  .retainbb:after {
    -webkit-transform: scaleY(.3333);
    transform: scaleY(.3333)
  }

  .retainbl:before,
  .retainbr:after {
    -webkit-transform: scaleX(.3333);
    transform: scaleX(.3333)
  }

  .retainb:after {
    width: 300%;
    height: 300%;
    -webkit-transform: scale(.3333);
    transform: scale(.3333)
  }
}
/* retain 1px border end */